/*
 * @Author: yushuang
 * @Date: 2024-12-04 16:28:52
 * @LastEditors: yushuang
 * @LastEditTime: 2025-02-10 10:59:54
 * @Description:
 */
/** @type {import('tailwindcss').Config} */
import antdUnoTheme from './themes/antd-uno-theme.json';

module.exports = {
  mode: 'jit',
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}', './src/**.{vue,js,ts,jsx,tsx}'],
  theme: {
    ...antdUnoTheme,
    // 与ant-design-vue的配置基本一致，但antdv的配置比较全，这里配置了常用的，后续补充请参考：https://www.antdv.com/docs/vue/customize-theme-cn#api
    fontSize: {
      sm: '12px',
      base: '14px',
      md: '16px',
      lg: '20px'
    },
    borderRadius: {
      sm: '2px',
      base: '4px',
      md: '6px',
      lg: '8px'
    },
    // 可用：padding, margin, width, minWidth, maxWidth, height, minHeight, maxHeight, gap, inset, space, translate, scrollMargin, and scrollPadding
    spacing: {
      xxs: '4px',
      xs: '6px',
      sm: '8px',
      base: '16px',
      md: '20px',
      lg: '24px',
      xl: '32px',
      xxl: '48px'
    },
    extend: {
      height: {
        xs: '16px',
        sm: '24px',
        md: '32px',
        lg: '40px'
      },
      borderColor: {
        base: '#d9d9d9', // 默认边框色
        light: 'f0f0f0' // 浅色边框色
      }
    }
  },
  plugins: [],
  corePlugins: {
    // [如何完美解决 Ant Design Vue 与 Tailwindcss 之间样式冲突]https://juejin.cn/post/7311343199292276763
    preflight: false
  } // 禁用默认重置样式
};
